@import url(./font.css);
*{
	font-family: "微软雅黑";
	margin: 0px;
	padding: 0px;
}
a{	
	color: #424242;;
	text-decoration: none;
	cursor: pointer;
}
li{
	list-style: none;
}
.iconfont{
	font-family:"iconfont" !important;
	font-style:normal;-webkit-font-smoothing:antialiased;
	-webkit-text-stroke-width:0.2px;
	-moz-osx-font-smoothing:grayscale}

.ad{
	width: 100%;
	height: 120px;
	background:  url(../image/ad.jpg) 0 0 no-repeat;
	background-position: center;
}
.top{
	width: 100%;
	height: 40px;
	background-color: #333333;
}
.mid{
	width: 1226px;
	margin: 0px auto;
}
.top_left{
	float: left;
}
.top_right{
	float: right;
}
.top a{
	font-size: 12px;
	line-height: 40px;
	color: #B0B0B0;
}
.top a:hover{
	color: white;
}
.top span{
	margin-left: 5px;
	color: #423B36;
}
.top .top_right .cart_menu{
	width: 120px;
	height: 40px;
	float: right;
	position: relative;
	margin-left: 10px;
}
.top .top_right .mini_cart{
	width: 316px;
	height: 100px;
	position: absolute;
	top: 40px;
	right: 0px;
	z-index: 10;
	background-color: white;
	display: none;
	box-shadow: 0 2px 10px rgba(0,0,0,0.15);
	text-align: center;
}
.top .top_right .mini_cart span{
	line-height: 100px;
	font-size: 12px;
	color: #423B36;
}
.top .top_right .car{
	width: 120px;
	height: 40px;
	text-align: center;
	display: inline-block;
	background: RGBa(176,176,176,0.1) url() 0 0 no-repeat;
}
.top .top_right .car:hover{
	background-color: white;
	color: #FF6700;
}
.top .top_right .car i{
	font-size: 18px;
	line-height: 30px;
}
/*top end*/
/*header start*/
.header{
	width: 100%;
	background-color: #FFFFFF;
}
.header .header-top{
	width: 1226px;
	height: 100px;
}
.header-top .header_logo{
	padding-top: 25px;
	float: left;
}
.mi_logo{
	width: 55px;
	height: 55px;
	float: left;
	background: #FF6700 url(../image/mi-logo.png) center no-repeat;
	margin-right: 15px;
}
.header-top .header_logo .logo_ad{
	width: 165px;
	height: 60px;
	background: url(../image/ganenji.gif) center no-repeat;
	float: left;
}
.header-top .header_nav{
	float: left;
	line-height: 100px;
}
.header-top .header_nav a{
	font-size: 16px;
	margin-right: 15px;
	color: black;
}
.header-top .header_nav a:hover{
	color: #FF6700;
}
.header-top .header_search{
	float: right;
	position: relative;
	margin-top: 25px;
}
.header-top .header_search .searchBox{

	width: 223px;
	height: 48px;
	border: 1px solid #e0e0e0;
	outline: 0;
	padding: 0 10px;
	float: left;
	cursor: text;
}
/*.header-top .header_search .searchBox:hover{
	border-color: black;
}*/
.header-top .header_search .searchButton{
	width: 52px;
	height: 48px;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	font-size: 25px;
	color: rgb(97,97,97);
	float: left;
	border-left: 0px;
}
.header-top .header_search .searchButton:hover{
	background-color: #FF6700;
	border-color: #FF6700;
	color: white;
}
.header-top .header_search .search-hotword{
	position: absolute;
	right:60px;
	top: 12px;
	/*background-color: #EEEEEE;*/
	/*text-align: right;*/
	/*width: 200px;*/

}
.header-top .header_search .search-hotword a{
	font-size: 12px;
	background-color: #eee;
	color: #757575;
	margin-right: 5px;
	padding:0 3px;
}
.header-top .header_search form:hover > input{
	border-color: #B0B0B0;
}
.header-top .header_search .search-hotword a:hover{
	background-color: #FF6700;
	color: white;
}
.header-top .header_search .search_words{
	position: absolute;
	top: 48px;
	left: 0px;
	width: 222px;
	border: 1px solid #FF6700;
	border-top: 0px;
	z-index: 8;
	background-color: #fff;
	display: none;
}
.header-top .header_search .search_words a:hover{
	background-color: #FAFAFA;
}
.header-top .header_search .search_words a{
	position: relative;
	display: block;
	padding: 6px 15px;
	font-size: 12px;
	color: #424242;
}
.header-top .header_search .search_words span{
	display: block;
	float: right;
	color: #757575;
	font-size: 10px;
}
.header_home{
	position: relative;
}
.header_home .controls .prev{
	background:  url(../image/icon-slides.png) -83px 0 no-repeat;
	position: absolute;
	top: 50%;
	left: 234px;
	margin-top: -35px;
	z-index: 10;
	width: 41px;
	height: 69px;
	display: block;
	cursor: pointer;
}
.header_home .controls .prev:hover{
	background:  url(../image/icon-slides.png) 0 0 no-repeat;
}
.header_home .controls .next{
	background:  url(../image/icon-slides.png) -124px 0 no-repeat;
	position: absolute;
	top: 50%;
	right: 0px;
	margin-top: -35px;
	z-index: 10;
	width: 41px;
	height: 69px;
	display: block;
	cursor: pointer;
}
.header_home .controls .next:hover{
	background:  url(../image/icon-slides.png) -41px 0 no-repeat;
}
.header_home .header_home_nav{
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 20px;
	background: rgba(0,0,0,0.5);
	height: 440px;
	width: 234px;
	z-index: 8;
}
.header_home .header_home_nav li{

	width: 204px;
	height: 42px;
	line-height: 42px;
	color: white;
}
.header_home .header_home_nav .nav_title:hover{
	background-color: #FF6700;
}
.header_home .header_home_nav .nav_title{
	font-size: 14px;
	color: white;
	display: block;
	padding-left:30px;
	width: 204px;
	height: 42px;
	position: relative;
}
.header_home .header_home_nav .children_box{
	position: absolute;
	width: 992px;
	top: 0px;
	left: 234px;
	z-index: 50;

}
.header_home .header_home_nav .children_box .in{
	float: left;
	border: 1px 0px solid #E4E4E4;
	box-shadow: 2px 2px 5px #E4E4E4;
	display: none;

}
.header_home .header_home_nav .children_box ul{
	width: 248px;
	height: 456px;
	padding: 2px 0px;
	background-color: white;
	float: left;
}
.header_home .header_home_nav .children_box li{
	height: 76px;
}
.header_home .header_home_nav .children_box li a{
	width: 248px;
	padding: 18px 20px;
	color: #333333;
	font-size: 14px;
	display: block;
}
.header_home .header_home_nav .children_box li a:hover{
	color: #ff6677;
}
.header_home .header_home_nav .children_box li img{
	width: 40px;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	margin: 0px 10px;
}
.header_home .header_home_nav i{
	position: absolute;
	top: 0px;
	right: 20px;
	color: #CDCAC8;
	font-size: 16px;
}
.header_home .header_home_photo{
	/*background: url(../image/xmad_15136958479387_yBUmR.jpg) center no-repeat;*/
	width: 100%;
	height: 460px;
	position: relative;
	z-index: 6;
}
.header_home .header_home_photo .slider{

}
.header_home .header_home_photo .slider li{
	position: absolute;
	top: 0px;
}
.header_home .header_home_photo .click_list{
	position: absolute;
	bottom: 20px;
	right: 30px;
}
.header_home .header_home_photo .click_list li{
	float: left;
	width: 6px;
	height: 6px;
	margin-right: 10px;
	background: rgba(0,0,0,0.4);
	float: left;
	border-radius: 10px;
	border: 2px solid rgba(255,255,255,0.3);
	cursor: pointer;
	z-index:10;
}
.header .header_card{
	width: 100%;
	height: 170px;
	padding-top: 15px;
}
.header .header_card .header_card_nav{
	width: 234px;
	height: 170px;
	background-color: RGB(95,87,80);
	float: left;
}
.header .header_card .header_card_nav .card_nav_item{
	width: 76px;
	height: 82px;
	text-align: center;
	float: left;
	position: relative;
	/*line-height: 82px;*/
	/*display: inline-block;*/
}
.header_card .line_left{
	width: 1px;
	height: 68px;
	position: absolute;
	top: 7px;
	right: 0px;
	background-color: #665E57;
	z-index: 10px;
}
.header_card .line_down{
	width: 60px;
	height: 1px;
	position: absolute;
	bottom: 0px;
	left: 8px;
	background-color: #665E57;
	z-index: 10px;
}
.header .header_card .header_card_nav a{
	font-size: 12px;
	color: #CDCAC8;
	display: block;
    padding-top: 23px;
}
.header .header_card .header_card_nav a:hover{
	color: white;
}
.header .header_card .header_card_nav i{
	font-size: 25px;

}
.header_card .header_card_goods{
	float: right;
}
.header_card .header_card_goods li{
	float: left;
	width: 316px;
    height: 170px;
    margin-left: 14px;
}
.header_card .header_card_goods li img{
	width: 316px;
    height: 170px;
}
/*小米明星单品*/
.header_star{
	margin-top: 15px;
}
.hd{
	width: 1226px;
	height: 58px;
	clear: both;
	margin-top: 15px;
	position: relative;
}
.title{
	font-size: 22px;
	font-weight: 200;
	line-height: 58px;
	color: #333;
}
.hd .tab{
	position: absolute;
	right: 0;
	bottom: 10px;
}

.hd .tab span{
	width: 24px;
	height: 16px;
	padding: 3px 5px;
	border: 1px solid #e0e0e0;
    font-size: 16px;
    display: block;
    color: #BDB1B0;
    text-align: center;
    line-height: 16px;
    float: left;
    cursor: pointer;
}
.hd .tab .noBorder{
	border-right: 0px;
}
.header_star .box_bd{
	width: 1226px;
	height: 341px;
	overflow: hidden;
	position: relative;
}
.header_star .box_bd ul{
	width: 2452px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.header_star .box_bd li{
	width: 234px;
	height: 300px;
	float: left;
	margin-left:14px;
	padding-top: 40px;
	background-color: #FAFAFA;
	border-top: 1px solid yellow;
}
.header_star .box_bd .first{
	margin-left: 0px;
}
.header_star .box_bd a{
	display: block;
	text-align: center;
}
.header_star .box_bd img{
	width: 160px;
	height: 160px;
	margin-bottom: 30px;
}
.header_star .box_bd .products_name{
	margin-bottom: 10px;
}
.header_star .box_bd .products_description{
	margin-bottom: 15px;
}
.products_name {
	font-size: 13px;
	color: #212121;
	text-align: center;
}

.products_description{
	font-size: 13px;
	color: #b0b0b0;
	text-align: center;

}
.products_prices{
	font-size: 13px;
	color: #ff6709;
	text-align: center;
}
.products_reviews{
	font-size: 12px;
	color: #B0B0B0;
	text-align: center;
}
.reviews_content{
	font-size: 13px;
	color: #212121;
	text-align: center;
}
.main{
	background-color: #F5F5F5;
	margin-top: 40px;
	padding-top: 40px;
}
.main_box{
	
}
.main_box .main_hd{
	width: 1226px;
	height: 58px;
	clear: both;
	margin-top: 15px;
	position: relative;
}
.main_box .main_hd .tab_list{
	float: right;
	position: absolute;
	bottom: 10px;
	right: 0px;
}
.main_box .main_hd .tab_list li{
	float: left;
	margin-left: 30px;
	padding-bottom: 7px;
}
.main_box .main_hd .tab_list span{
	color: #424242;
}
.main_box .main_hd .tab_list span:hover{
	color: #FF6700;
}
.main_box .main_hd .tab_list li:hover{
	/*text-decoration: underline;*/
	color: #FF6700;
	border-bottom: 2px solid  #FF6700;
	padding-bottom: 5px;
}
.main_box .brick_box{
	width: 1226px;
	height: 628px;
}
.main_box .brick_box .brick_box_left{
	float: left;
	width: 234px;
	height: 614px;
}
.main_box .brick_box .brick_box_left .brick_item{
	margin-left: 0px;
}
.main_box .brick_box .brick_box_left .brick_item img{
	width: 234px;
	height: 300px;
}
.main_box .brick_box .brick_box_left .brick_item1 img{
	width: 234px;
	height: 614px;
}
.main_box .brick_box .brick_box_right{
	float: right;
	width: 992px;
	height: 614px;
}
.brick_item{
	width: 234px;
	height: 300px;
	margin-left: 14px;
	margin-bottom: 14px;
	float: left;
	background-color: #fff;
}
.brick_item a{
	display: block;
	padding-top: 34px;
	padding-bottom: 20px;
	margin-left: 14px;
	text-align: center;
}
.brick_item img{
	width: 150px;
	height: 150px;
}
.main_box .brick_box_right .brick_item_s{
	width: 234px;
	height: 93px;
	padding-top: 50px;
	margin-left: 14px;
	float: left;
	position: relative;
	background-color: #fff;
	margin-bottom: 14px;
}
.main_box .brick_box_right .brick_item_s h3{
	padding-left: 30px;
	text-align: left;
}
.main_box .brick_box_right .brick_item_s p{
	padding-left: 30px;
	text-align: left;
}
.main_box .brick_box_right .brick_item_s img{
	width: 80px;
	height: 80px;
	position: absolute;
	top: 32px;
	right: 30px;
}

.more{
	display: block;
    margin: 0 110px 0 30px;
    font-size: 18px;
    color: #333;
}
.more span{
	display: block;
}
.more small{
	display: block;
    font-size: 10px;
    color: #757575;
}
.more_iconfont{
	display: block;
	color: #FF6700;
	font-size: 50px;
	position: absolute;
	top: 32px;
	right: 45px;
}
.main_box1{
	width: 1226px;
	height: 358px;
}
#weiNiTuiJun_First{
	margin-left: 0px;
}
.main_box2{
	width: 1226px;
	height: 473px;
}
.brick_box_L{
	position: relative;
    float: left;
    width: 296px;
    height: 415px;
    background-color: #fff;
    margin-left: 14px;
}
.main_box2 .brick_box_L img{
	width: 296px;
    height: 220px;
}
.main_box2 .brick_box_L .reviews_content{
	padding:28px;
	display: block;
	text-align: left;
}
.main_box2 .brick_box_L .products_reviews{
	text-align: left;
	margin-bottom: 14px;
	padding-left: 28px;
}
.main_box2 .brick_box_L .products_name{
	padding-left: 28px;
}
.main_box2 .brick_box_L .line{
	padding: 0 5px;
	color: #E5E5E5;
}
.main_box2 .first{
	margin-left: 0px;
}
.main_box2 .contentTitle {
    margin: 0 10px 18px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}
#content .content{
	position: relative;
	padding-top: 45px;
	text-align: center;
	height: 370px;
}
#content .book{
    color: #ffac13;
}
#content .content_img{
	width: 216px;
	height: 154px;
}
#content .content_name{
	display: block;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.25;
    color: #333;
    margin: 0 20px 5px
}
#content .content_description{
	font-size: 12px;
	line-height: 20px;
	margin: 0 48px 10px;
	overflow: hidden;
	color: #b0b0b0
}
#content .content_price{
	font-size: 14px;
	display: block;
	margin-bottom: 15px;
}
.tab_float{
	
}
.tab_left{
	position: absolute;
	top: 50%;
	margin-top: -20px;
	left: 0px;
	display: block;
	width: 20px;
	height: 48px;
	line-height: 48px;
	color: white;
	background: rgba(217,217,217,0.6); url() 0 0 no-repeat;
	display: none;
}
.main_box2 .brick_box_L:hover>.tab_float .tab_right ,.main_box2 .brick_box_L:hover>.tab_float .tab_left{
	display: block;
}
.tab_right{
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -20px;
	display: block;
	width: 20px;
	height: 48px;
	line-height: 48px;
	color: white;
	background: rgba(217,217,217,0.6); url() 0 0 no-repeat;
	display: none;
}
.tab_left:hover,.tab_right:hover{
	background-color: RGB(141,141,141);
}
.pages{
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -70px;
}
.page{
	width: 7px;
	height: 7px;
	border-radius: 50%;
	float: left;
	margin-left: 30px;
	background-color: RGB(176,176,176);	
}
.page:hover{
	border: 1px solid #FF6700;
	background-color: #fff;
}
.main_box3{
	width: 1226px;
	height: 400px;
}
.main_box3 .hd a{
	display: block;
	position: absolute;
	bottom: 18px;
	right: 0px;
}
.main_box3 .hd i{
	display: inline-block;
	background: RGB(176,176,176) url() 0 0 no-repeat;
	color: white;
	padding: 2px;
	border-radius: 50%;
	margin-left: 5px;
}
.videoBox{
	
}
.videoBox li{
	background-color: #fff;
	width: 296px;
	height: 285px;
	text-align: center;
	position:relative;
	margin-left: 14px;
	float: left;
}
.videoBox img{
	width: 296px;
	height: 180px;
	margin-bottom: 20px;
}
.videoBox a{
	color: #333;
	text-align: center;
	font-size: 14px;
    font-weight: 400;
}
.video_desc{
	margin-top: 10px;
	height: 18px;
    font-size: 12px;
    color: #b0b0b0;
}
.videoBox .play{
	display: block;
	font-size: 30px;
	border: 2px solid white;
	width: 32px;
	height: 20px;
	color: white;
	line-height: 20px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 20px;
	border-radius: 12px;
}
.videoBox .play:hover{
	border: 2px solid #FF6700;
	background-color: #FF6700;
}
.videoBox .videoListFirst{
	margin-left: 0px;
}
.footer{
	background-color: #fff;
}
.foot_service{
	width: 1226px;
	height: 50px;
	padding-top: 30px;
	border-bottom: 1px solid #e0e0e0;
}
.foot_service_list li{
	float: left;
    width: 19.8%;
    height: 25px;
    border-left: 1px solid #e0e0e0;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
}

.foot_service a{
	color: #616161;
	font-size: 16px;
}
.foot_service a:hover,.foot_link_list a:hover{
	color: #FF6700;
}
.foot_service i{
	font-size: 24px;
	line-height: 24px;
	vertical-align: -4px;
	margin-right: 5px;
}
#service_list_first{
	border: none;
}
.footer_links{
	width: 1226px;
	height: 112px;
    padding: 40px 0;
}
.foot_link_list{
	width: 160px;
	height: 112px;
	float: left;
}
.foot_link_list dt{
	margin: -1px 0 26px;
    font-size: 14px;
    line-height: 1.25;
    color: #424242;
}
.foot_link_list dd{
	margin-top: 10px;
	font-size: 12px;
}
.foot_link_list a{
	color: #757575;
}
.footer_links .contact{
	float: right;
	height: 112px;
	width: 250px;
	border-left: 1px solid #e0e0e0;
	text-align: center;
}
.footer_links .contact .tel{
	font-size: 20px;
	color: #FF6700;
	margin-bottom: 10px;
}
.footer_links .contact p{
	font-size: 12px;
	color: #757575;
	/*margin-bottom: 5px;*/
}
.footer_links .contact a{
	display: line-block;
	border: 1px solid #FF6700;
	color: #FF6700;
	line-height: 50px;
	font-size: 14px;
	padding: 3px;
}
.footer_links .contact a:hover{
	color: white;
	border-color: #FF6700;
	background-color: #FF6700;
}
.copyright{
	background-color:#F5F5F5;
	padding: 30px 0;
	line-height: 
}
.copyright .info_text{
	font-size: 12px;
	color: #B0B0B0;
	float: left;
	line-height: 20px;
}
.copyright .info_text .sites a{
	/*font-size: 12px;*/
	color: #757575;
}
.copyright .info_text a{
	color: #B0B0B0;
}
.copyright .info_text a:hover{
	color: #FF6700;
}
.copyright .info-links{
	float: right;
}
.copyright .info-links img{
	width: 85px;
	height: 28px;
}
.slogan{
	clear: both;
	text-align: center;
	font-size: 20px;
	line-height: 60px;
	color: #BABABA;
}
